<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>海报作品</title>
    <link rel="stylesheet" href="style.css" />
</head>

<body>

    <div class="A">
        <h1>海报作品</h1>
        <div class="swiper">
            <input type="radio" name="btn" id="btn1" checked />
            <input type="radio" name="btn" id="btn2" />
            <input type="radio" name="btn" id="btn3" />
            <input type="radio" name="btn" id="btn4" />
            <input type="radio" name="btn" id="btn5" />
            <input type="radio" name="btn" id="btn6" />
            <input type="radio" name="btn" id="btn7" />
            <label for="btn1"></label>
            <label for="btn2"></label>
            <label for="btn3"></label>
            <label for="btn4"></label>
            <label for="btn5"></label>
            <label for="btn6"></label>
            <label for="btn7"></label>
            <ul>
                <li><img src="版（14）.jpg" width="870px" height="600px" /></li>
                <li><img src="海报3.jpg" width="845px" height="600px" alt="" /></li>
                <li><img src="海报5.jpeg" width="850px" height="800px" alt="" /></li>
                <li><img src="1.jpg" width="860px" height="600px" alt="" /></li>
                <li><img src="目录.jpg" width="860px" height="500px" alt="" /></li>
                <li><img src="版（7）.jpg" width="860px" height="500px" alt="" /></li>
                <li><img src="版（17）.jpg" width="860px" height="500px" alt="" /></li>
            </ul>
        </div>

    </div>

</body>

</html>